@charset "utf-8";

/* CSS Document */
@media screen and (max-width:1200px) {
  .wid {
    width: 94%;
    margin: 0 auto;
  }

  .menuBtn {
    display: block;
  }

  .wid {
    width: 94%;
    margin: 0 auto;
  }

  .header {
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 10000;
    background: #121633
  }

  .header .logo {
    padding-left: 3%;
  }

  .header .logo img {
    width: 100%;
  }

  .header .nav {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9999;
    background: #fff;
    width: 100%;
    overflow: auto;
    background: #0d1219;
    display: none;

  }

  .header .nav ul {
    overflow: auto;
    height: 100%;

  }

  .header .nav ul li {
    width: 100%;
    margin-left: 0px;
    line-height: 50px;
    text-align: center;
  }

  .header .nav ul li a {
    font-size: 16px;
  }

  .bar_right {
    display: none;
  }

  .bar_left {
    margin-left: 110px;
  }

  .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    z-index: 2;

  }

  .header .inside {
    height: auto;
    line-height: 50px;
  }

  .top_bar {
    height: auto;
    line-height: normal;
    position: absolute;
    top: 0;
    right: 3%;
    padding-right: 30px;

  }

  .top_bar .wid {
    width: auto;
  }

  .bar_left {
    margin-left: 0;
    float: none;
    line-height: 50px;
  }



  .bar_left .bar-address {
    float: left;
    background-size: 14px;
  }

  .switch-btn {
    float: left;
  }

  .logo {
    display: none;
  }

  .mobile-logo {
    display: block;
    width: 100px;
  }

  .mobile-logo img {
    width: 100%;
  }

  .header .nav ul li.active a {
    color: #fff;
  }

  .header .nav ul li a::before {
    display: none
  }

  .mobile-login {
    display: block;
  }

  .header .nav ul .mobile-login a {
    display: inline;
    color: #fff;
  }

  .header .nav ul li a:hover {
    color: #fff;
  }

  .header .nav ul li:hover a::before {
    width: 0;
    left: 0;
  }

  .banner .slick-slide:before {
    padding-top: 40%;
  }

  .banner .slick-dots {
    bottom: 10px;
  }

  .banner .slick-dots li {
    margin: 0 3px;
  }

  .banner .slick-dots li button {
    width: 20px;
    height: 2px;

  }

  .feature ul {
    margin-right: 0;

  }

  .feature ul li {
    margin: 0 3% 3% 3%;
    width: 44%;
  }

  .feature ul li:nth-child(2n) {
    margin-right: 0;
  }

  .case-wrap .case-list li {
    width: 48%;
    margin-right: 2%;
  }

  .case-wrap .case-list {
    margin-right: 0;
  }

  .case-wrap .case-list li:nth-child(2n) {
    margin-right: 0;
  }

  .confi-tabs {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
    min-height: auto;
    float: none;
    display: block;
  }

  .confi-tabs ul {
    margin-right: 0;
  }

  .confi-tabs>* {
    display: block;
  }

  .confi-tabs ul li {
    margin-right: 2%;
  }

  .confi-tabs ul li:nth-child(2n) {
    margin-right: 2%;
  }

  .confi-wrap {
    width: 100%;
    height: auto;

    float: none;
    display: block;
    overflow: auto;
  }

  .confi-wrap .con-imgs {
    height: inherit;

  }

  .confi-wrap img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .forms {
    width: 90%;
    float: right;
  }

  .design .appoint_text {
    width: 44%;
    margin-left: 3%;
    margin-bottom: 3%;
    float: left;
  }

  .design .appoint_btn {
    width: 44%;
    float: left;
    margin-left: 3%;

  }

  .index-site {
    height: auto;
  }

  .index-site .site-left {
    width: 100%;

  }

  .index-site .site-right {
    width: 100%;
    position: relative;
    height: auto;

  }

  .index-site .site-left ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .index-site .site-left ul li:nth-child(2n) {
    margin-right: 0;
  }

  .index-service .service-process ul {
    width: 100%;
  }

  .index-service .service-process ul li {
    width: 25%;
  }

  .index-service .service-process .process-tit {
    float: none;
    margin: 0 auto;
  }

  .index-news-left {
    width: 100%;
  }

  .index-news-left .news-img:before {
    display: none;
  }

  .index-news-left .news-img img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .index-news-right {
    width: 100%;
    margin-top: 6%;
  }

  .foot-logo {
    float: none;
  }

  .footer .foot-nav {
    float: none;
    width: 100%;
    margin-top: 5%;
    height: auto;
    padding-right: 0;
    border-right: none
  }

  .footer .foot-nav dl {
    margin-left: 0;
    margin-right: 8%;
  }

  .foot-icons {
    float: none;
    width: 100%;
    border-left: none;
    padding-left: 0;
  }

  .cal-l {
    width: 100%;
  }

  .cal-r {
    width: 100%;
    margin-top: 3%;
  }

  .fixed-bar-wrap {
    display: none;
  }

  .foot-bottom {
    padding-bottom: 0;
  }

  .footer {
    padding-bottom: 0;
  }

  .right-fixed ul {
    padding: 10px;
  }

  .right-fixed ul li {
    padding: 5px 0;
  }

  .right-fixed ul li span {
    font-size: 12px;
    padding-top: 3px;
  }

  .right-fixed ul li img {
    height: 20px;
  }

  .right-fixed .gotop {
    width: 70px;
    height: 70px;
    font-size: 12px;
    margin-top: 5px;
  }

  .right-fixed .gotop img {
    padding-top: 20px;
    height: 38px;
    padding-bottom: 4px;

  }

  .right-fixed .gotop:after {
    width: 2px;
    right: 15px;
  }

  .right-fixed .gotop:before {
    width: 2px;
    left: 15px;
  }

  .desi-d-con {
    width: 100%;
  }

  .desi-d-pic {
    margin: 0 auto 20px auto;
    float: none
  }

  .desi-d-pic::after {
    display: none
  }

  .design-case .case-list {
    margin-right: 0;
  }

  .design-case .case-list li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .design-case .case-list li:nth-child(2n) {
    margin-right: 0;
  }

  .re-designers .free-forms-input {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 4%;
  }

  .re-designers .free-forms-input:nth-child(2n) {
    margin-right: 0;
  }

  .re-designers .appoint-btn-box {
    margin-right: 20%
  }

  .inner-case-list .ul-list {
    margin-right: 0;
  }

  .inner-case-list .ul-list li {
    width: 49%;
    margin-right: 2%;
  }

  .inner-case-list .ul-list li:nth-child(2n) {

    margin-right: 0;
  }

  .case-screen .screen-list ul {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 0;
    margin-left: 85px;

  }

  .search-box {
    margin-top: 5px;
  }

  .search-box .search-btn {
    font-size: 12px;
    width: 50px;
    padding: 0;

  }

  .search-box .search-input {
    width: 127px;
    font-size: 12px;
    padding: 0 3px;


  }

  .case-screen .screen-list {
    padding: 6px 0;
  }

  .case-screen .screen-list ul li a {
    min-width: 60px;
    padding: 0 4px;
  }

  .case-screen .screen-list ul li {
    margin-left: 8px;
  }

  .case-screen .screen-list .screen-tip {
    width: 80px;
    top: 6px;
  }

  .inner-news .news-left {
    width: 100%;
    float: none;
  }

  .news-left-wrap ul li .inner-news-img {
    float: none;
    margin: 20px auto;
  }

  .news-left-wrap ul li .inner-news-con {
    width: 100%;
    float: none;
  }

  .news-right {
    float: none;
    width: 100%;
    margin: 20px auto;
  }

  .banner-nav {
    width: 90%;
    margin-left: 0;
    left: 5%;
  }

  .company-profile .con-tuwen .tu {
    width: 100%;
  }

  .company-profile .con-tuwen .wen {
    width: 100%;
  }

  .our-services-list ul {
    width: 588px;
    margin: 0 auto;
  }

  .our-services-list ul li {
    float: left;
    margin-right: 0;
  }

  .scene-list ul {
    margin-right: 0;
  }

  .scene-list li {
    width: 100%;
  }

  .p-designer .popular {
    height: auto;
  }

  .p-designer .popular .fl {
    width: 100%;
    padding-bottom: 9%
  }

  .p-designer .popular .fr {
    width: 100%;
    margin-right: 0;
  }

  .p-designer .popular .fr .popular-text {
    padding: 0 3%;
  }

  .more-designer ul li {
    width: 100%;
    margin-right: 0;

  }

  .more-designer ul li .m-con {
    width: 100%;
  }

  .more-designer ul li .m-img {
    float: none;
    margin: 0 auto;
  }

  .t-nav {
    width: 90%;
    margin-left: 0;
    left: 5%;
    height: 80px;
    bottom: -40px;
  }

  .t-nav ul li {
    padding-top: 10px;
  }

  .t-nav ul li .nav-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto 10px auto;
    display: block;
  }

  .t-nav ul li .nav-con {
    text-align: center;
    display: block;
  }

  .t-nav ul li .nav-con h5 {
    font-size: 12px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .t-nav ul li .nav-con p {
    font-size: 12px;
    padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: none;
  }

  .construction ul {
    margin-right: 0;
  }

  .construction ul li {
    padding-top: 49%;
    width: 49%;
    height: auto;
    margin-right: 2%;

  }

  .construction ul li:nth-child(2n) {
    margin-right: 0;
  }

  .decoration .dec-wrap {
    margin-right: 0;
  }

  .decoration .de-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3%
  }

  .material .fl {
    width: 100%;
    min-height: auto;
    background: none;
    margin-bottom: 3%;
  }

  .material .fl ul li {
    display: inline-block;
    float: left;
    width: 33.3333%;
    background: #f5f5f5;
  }

  .material .fr {
    width: 100%;
  }

  .alliance .all-list {
    margin-right: 0;
    width: 630px;
    margin: 0 auto;
  }

  .alliance .all-list li:nth-child(4n) {
    margin-right: 0
  }

  .material-d-txt {
    padding: 3% 0;
  }

  .material-list {
    margin-right: 0;
    width: 590px;
    margin: 0 auto;
  }

  .material-list li:nth-child(2n) {
    margin-right: 0;
  }

  .news-right .discount .yx li .y-img {
    height: auto;
  }

  .news-right .discount .yx li .y-img img {
    left: 0;
    /* max-width: 100%; */
    width: 100%;
    /* max-height: 100%; */
    position: inherit;
    top: 0;
    -webkit-transform: none;
    transform: none;
  }

  .news-right .discount .yx li:hover .y-img img {
    -webkit-transform: none;
    transform: none;
  }

  .header .nav ul li dl {
    display: none;
  }

  .header .nav ul li dl dd {
    line-height: 30px;
  }

  .header .nav ul li dl dd a {
    color: #fff;
    font-size: 14px;

  }

}

@media (min-width: 1200px) {

  .header dl:after,
  .header dl:before {
    bottom: 100%;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
  }

  .header dl:before {
    border: 7px solid transparent;
    border-bottom-color: #fff;
    height: 0;
    left: 50%;
    margin-left: -7px;
    width: 0;
  }

}

@media (min-width: 992px) {

  .header dl:after,
  .header dl:before {
    bottom: 100%;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
  }

  .header dl:before {
    border: 7px solid transparent;
    border-bottom-color: #fff;
    height: 0;
    left: 50%;
    margin-left: -7px;
    width: 0;
  }

}

@media screen and (max-width:767px) {
  .right-fixed ul {
    width: auto;
  }

  .inner-news .news-left .news_det {
    padding: 0;
  }

  .feature {
    padding: 3% 0;
  }

  .feature ul li {
    padding: 3%;
    margin: 0 3% 3% 3%;
    width: 44%;
  }

  .feature ul li .f-con h2 {
    font-size: 17px;
    margin-bottom: 4px;
  }

  .feature ul li .f-con p {
    font-size: 12px;
    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

  }

  .feature ul li .f-con {
    width: 60%;
  }

  .feature ul li .f-img {
    width: 40%;
    text-align: center;
  }

  .feature ul li .f-img img {
    width: 40px;
  }

  .tit {
    font-size: 24px;
    padding: 30px 0 10px 0;
  }

  .index_case .case-tabs li {
    margin-bottom: 2%;

  }

  .case-wrap .case-list li {
    margin-top: 2%;

  }

  .case-wrap .case-list li .c-bottom {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding: 0 4px;

  }

  .case-wrap .case-list li .c-bottom .name {
    font-size: 12px;
  }

  .case-wrap {
    padding-top: 5px;
  }

  .more-btn {
    margin: 7% auto;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    width: 150px;

  }

  .more-btn::before {
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }

  .index_case {
    padding-bottom: 0;
  }

  .configure {
    padding: 40px 0;
  }

  .configure .c-tit {
    font-size: 24px;
  }

  .configure .c-tit-small {
    font-size: 15px;
  }

  .confi-con {
    padding: 4% 3%;
    margin-top: 25px;
  }

  .confi-tabs ul {
    text-align: center;
  }

  .confi-tabs ul li {
    float: none;
    display: inline-block;
    width: 40%;
    margin: 5px 0;
  }

  .confi-wrap {
    margin-top: 5%;
  }

  .forms {
    width: 100%;
    text-align: center;
  }

  .forms input {
    display: inline-block;
  }

  .design .appoint_text {
    margin: 3%;
    padding: 6px 14px;
    width: 44%;
    font-size: 14px;
  }

  .design .appoint_btn {
    margin: 3%;
    padding: 6px 14px;
    width: 44%;
    font-size: 14px;
    background-position: 20px center;
    background-size: 16px;
  }

  .index-site .site-left {
    margin-top: 4%;
  }

  .index-site .site-left ul li .site_btm {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .index-site .site-right {
    padding: 0 3% 3% 3%;
  }

  .index-site .site-right .site-forms {
    padding-top: 4%;
    padding-bottom: 3%;
  }

  .index-site .site-right .site-forms h2 {
    font-size: 20px;
  }

  .index-site .site-right .site-forms h2 small {
    font-size: 14px;
    padding-left: 5px;
  }

  .site-input {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .site-btn {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .site-construct h4 {
    font-size: 18px;
    padding: 14px 0;
  }

  .index-service {
    padding-top: 4%;
  }

  .index-service .service-process {
    padding: 3%;
    border: none;
  }

  .index-service .service-process ul li {
    width: 33.3333%;
  }

  .index-news-right .item {
    padding-bottom: 14px;
    margin-bottom: 14px;
  }

  .footer {
    padding: 30px 0 0 0;
  }

  .footer .foot-nav dl {
    margin-right: 2%;
  }

  .footer .foot-nav dl dt a {
    font-size: 14px;
  }

  .footer .foot-nav dl dd a {
    font-size: 12px;
  }

  .foot-icons .bdshare-button-style0-32 a {
    width: 30px;
    height: 30px;
  }

  .foot-icons {
    margin-top: 3%;
    height: auto;
  }

  .hotline h6 {
    padding-top: 8px;
  }

  .hotline p {
    padding-top: 0;
  }

  .footer .friendship .friendship-tip {
    position: relative;
  }

  .footer .friendship .friendship-wrap {
    margin-left: 0;
    margin-top: 8px;
  }

  .copyright {
    padding: 15px 0;
    font-size: 12px;

  }

  .calculation {
    margin-top: 25px;
  }

  .cal-wrap .cal-item .cal-con {
    width: 100%;
  }

  .cal-wrap .cal-item .cal-con select {
    width: 18%;
    margin-right: 2%;
  }

  .cal-wrap .cal-item .cal-con select:last-child {
    margin-right: 0;
  }

  .cal-wrap .cal-item .cal-con .js-btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

  .cal-wrap .cal-item:last-child .cal-tip {
    display: none;
  }

  .cal-r .budget span {
    font-size: 30px;
    padding: 0 5px;

  }

  .index-service .service-process ul li p {
    font-size: 14px;
  }

  .index-service .service-process ul li .num {
    font-size: 18px;
  }

  .index-news-left .news-con .news-tit {
    font-size: 18px;
    padding: 10px 0;
  }

  .inner-banner {
    padding-bottom: 30%;
  }

  .inner-nav {
    height: 40px;
    line-height: 40px;
  }

  .designer-d {
    padding: 4% 3%;
    margin-bottom: 4%;
  }

  .design-case .de-tit {
    font-size: 18px;
    padding: 20px 0;
  }

  .design-case .de-tit span:before {
    width: 40px;
    left: -40px;
  }

  .design-case .de-tit span:after {
    width: 40px;
    right: -40px;
  }

  .design-case .case-list {
    padding: 3% 3% 0 3%;
  }

  .design-case .case-list li {
    padding: 2%;
  }

  .design-case .case-list li .case-con .case-title {
    padding: 8px 0;
    font-size: 16px;
  }

  .design-case .case-list li .case-con p {
    font-size: 13px;
  }

  .design-case .case-list li .case-con .see-btn {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    width: 90px;
    margin-top: 10px;
  }

  .pages ul {
    padding: 4% 0;
  }

  .pages ul li a {
    padding: 0 7px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }

  .re-designers .re-tit {
    padding: 20px 0 10px 0;
    font-size: 18px;
  }

  .re-designers {
    padding: 0 3% 3% 3%;
  }

  .re-designers .slick-prev {
    left: -17px;
  }

  .re-designers .slick-next {
    right: -17px;
  }

  .re-designers .slider {
    width: 100%;
    margin: 6% auto 3% auto;
  }

  .free-booking {
    padding: 3%;
  }

  .free-booking .free-booking-tit {
    font-size: 14px;
  }

  .free-booking .free-booking-tit span {
    font-size: 12px;
    padding-left: 4px;
  }

  .re-designers .free-forms-input {
    width: 100%;
    height: 34px;
    line-height: 34px;
    float: none;
    font-size: 14px;
  }

  .re-designers .appoint-btn-box {
    float: none;
    margin: 3%;
    width: 40px;
    height: 40px;

  }

  .re-designers .appoint-btn-box .appoint-btn {
    width: 100%;
    height: 100%;
    font-size: 12px;
    line-height: 36px;
  }

  .re-designers .sweep-light {
    width: 46px;
    height: 46px;
    top: -3px;
    left: -3px;
  }

  .re-designers .sweep-light-big {
    width: 50px;
    height: 50px;
    top: -5px;
    left: -5px;
  }

  .desi-d-pic .s-btn {
    margin-top: 14px;
  }

  .inner-case-list {
    padding-top: 3%;
  }

  .inner-case-list .ul-list li {
    margin-top: 3%;
  }

  .inner-case-list .ul-list li .case-con {
    padding: 0 10px;
  }

  .inner-case-list .ul-list li .case-con .case-name {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
  }

  .inner-case-list .ul-list li .case-con .case-det {
    height: 34px;
    line-height: 34px;
    font-size: 12px;
  }

  .inner-case-list .pages {
    padding: 3% 0;
  }

  .inner-news .news-left {
    padding: 3%;

  }

  .news-left-wrap ul li {
    padding: 3% 0;
  }

  .news-left-wrap ul li .inner-news-img {
    width: 100%;
    margin: 3% 0;
  }

  .news-left-wrap ul li .inner-news-img::before {
    display: none;
  }

  .news-left-wrap ul li .inner-news-img img {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  .news-left-wrap ul li .inner-news-con {
    height: auto;
  }

  .news-left-wrap ul li .inner-news-con .news-tip {
    position: relative;
    margin-top: 10px;
  }

  .inner-news {
    padding-bottom: 3%;
  }

  .news-right .online-service {
    margin-top: 3%
  }

  .news-right .discount {
    margin-top: 3%;
  }

  .banner-nav {
    height: auto;
    padding-bottom: 10px;
    bottom: -40px;
  }

  .banner-nav ul li .nav-icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    margin: 8px auto 4px auto;
  }

  .banner-nav ul li .icon-topic {
    font-size: 12px;
    padding-bottom: 2px;
  }

  .banner-nav ul li .icon-txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

  }

  .company-profile {
    padding-top: 80px;
  }

  .com-tit {
    font-size: 20px;
  }

  .company-profile .con-tuwen {
    margin-top: 20px;
  }

  .slogan-text {
    padding: 30px 0;
  }

  .about-case-tit {
    padding-top: 20px;
  }

  .about-case-tit h2 {
    padding: 10px 0;
    font-size: 24px;
  }

  .about-case-tit .en {
    font-size: 14px;
  }

  .about-case .slick-prev {
    width: 30px;
    height: 30px;
    right: 10px;
    top: -30px;
    margin-right: 30px;
  }

  .about-case .slick-next {
    width: 30px;
    top: -30px;
    right: 10px;
    height: 30px;
  }

  .about-case .slider {
    margin-top: 24px;
  }

  .about-case-text {
    padding-bottom: 24px;
  }

  .about-case-text .name {
    font-size: 18px;
    padding: 13px 0 4px 0;
  }

  .our-services {
    padding: 30px 0 60px 0;
  }

  .our-services-text {
    width: 90%;
  }

  .our-services-list ul {
    margin-right: 0;
  }

  .our-services-list ul {
    width: 100%;
  }

  .our-services-list ul li {
    width: 100%;
    height: 112px;
    margin-bottom: 3%;
  }

  .our-services-list ul li:last-child {
    margin-bottom: 0;
  }

  .our-services-list ul li .ser-con .s-icon {
    margin: 8px auto 5px auto;
  }

  .our-services-list ul li .ser-con .s-icon {
    height: auto;
  }

  .our-services-list ul li .ser-con .s-icon img {
    height: 36px;

  }

  .our-services-list ul li .ser-con .s-name {
    font-size: 13px;
    padding-bottom: 2px;
  }

  .our-services-list ul li .top-corner {
    width: 18px;
    height: 18px;
    top: 6px;
    right: 6px;
  }

  .our-services-list ul li:nth-child(3) .top-corner {
    left: 6px;
  }

  .our-services-list ul li:nth-child(4) .top-corner {
    left: 6px;
  }

  .scene-screen {
    padding: 3% 0;
  }

  .scene-list li .s-img {
    width: 100%;
    margin-right: 0;
  }

  .scene-list li .s-img {
    height: auto;
    margin-bottom: 10px;
  }

  .scene-list li .s-img img {
    left: 0;
    width: 100%;
    position: relative;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
  }

  .scene-list li .s-con {
    width: 100%;

  }

  .scene-list li .s-con .s-tit {
    padding-bottom: 9px;
  }

  .p-designer .p-tit {
    padding: 6% 0 3% 0;
    font-size: 20px;
    margin-bottom: 3%
  }

  .p-designer .p-tit:before {
    width: 30px;
    height: 2px;
  }

  .p-designer .popular .portrait {
    width: 120px;
    height: 120px;
    margin: 30px auto 15px auto;
    border: 3px solid #ff9f14;
  }

  .p-designer .popular .yuyue {
    width: 90px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin: 10px 0 12px 0;
  }

  .p-designer .popular .fr .popular-text {
    margin-top: 5%;
    padding-bottom: 3%;
    height: auto;
  }

  .p-designer .popular .fr .popular-text .popular-text-list .p-con {
    width: 100%;

  }

  .popular-img ul {
    margin-right: 0;
  }

  .popular-img ul li {
    width: 49%;
    margin-right: 2%;

    height: 100px;
  }

  .popular-img ul li:nth-child(2n) {
    margin-right: 0;
  }

  .case-jx .img-list .img-row {
    width: 30%;
    margin-right: 3%
  }

  .more-designer ul {
    margin-right: 0;
  }

  .more-designer ul li {
    margin-bottom: 15px;
  }

  .designer-wrap {
    padding-bottom: 5%;
  }

  .construction ul {
    margin-top: 0;
  }

  .construction ul li {
    margin-top: 10px;
  }

  .construction ul li footer {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
  }

  .selected-case {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .al-con {
    padding: 20px 0;
  }

  .decoration .de-item .de-top {
    padding: 15px 0;
  }

  .decoration .de-item .dlist {
    margin: 4%;
  }

  .decoration {
    padding-bottom: 4%
  }

  .decoration .de-item .d-more {
    padding-right: 3%;
    margin-bottom: 3%
  }


  .shadow {
    display: none;
  }

  .topLeft {
    display: none;
  }

  .topRight {
    display: none;
  }

  .rightBtm {
    display: none;
  }

  .BtmLeft {
    display: none;
  }

  .icon_plus {
    display: none;
  }

  .news_det {
    padding: 4%;
  }

  .material .fl ul li {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
  }

  .alliance .all-list {
    width: 310px;
  }

  .alliance .all-list li:nth-child(2n) {
    margin-right: 0
  }

  .material {
    padding-bottom: 5%
  }

  .material-d-txt .d-btn {
    padding: 4px 14px;
    font-size: 14px;
  }

  .material-list {
    width: 100%;
  }

  .material-list li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }

  .material-list li .q-img {
    width: auto;
    height: auto;
    margin: 10px 10px 0 10px;
    padding-top: 95%;
  }

  .material-list li span {
    font-size: 13px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
  }

  .quality {
    padding-bottom: 4%
  }
}